import { Item, ItemPanel } from 'gg-editor';
import { Card } from 'antd';
import React from 'react';
import styles from './index.less';

const KoniItemPanel = () => (
  <ItemPanel className={styles.itemPanel}>
    <Card bordered={false}>
      <Item
        type="node"
        size="40"
        shape="koni-custom-node"
        model={{
          color: '#69C0FF',
          label: 'Bank',
          labelOffsetY: 28,
          icon:
            '',
        }}
        src=""
      />
      <Item
        type="node"
        size="40"
        shape="koni-custom-node"
        model={{
          color: '#5CDBD3',
          label: 'Person',
          labelOffsetY: 28,
          icon:
            '',
        }}
        src=""
      />
      <Item
        type="node"
        size="40"
        shape="koni-custom-node"
        model={{
          color: '#B37FEB',
          label: 'Country',
          labelOffsetY: 28,
          icon:
            '',
        }}
        src=""
      />
    </Card>
  </ItemPanel>
);

export default KoniItemPanel;
